Adobe XD adalah sebuah alat yang disediakan gratis oleh Adobe untuk desain UI / UX dan prototyping berbagai platform termasuk web, ponsel, tablet, dan lainnya. Hal pertama yang akan Anda perhatikan ketika membuat aplikasi adalah start screen. Sebagai pengguna baru Adobe XD, saya sangat menyarankan mengklik tombol Begin Tutorial. Dimana Anda akan dibawa ke layar dengan panel yang menjelaskan proses menggunakan Adobe XD
Informasi dengan cepat memandu Anda melalui dasar-dasar aplikasi. Anda akan belajar bagaimana menyelesaikan tugas-tugas penting seperti membuat artboards, mengimport gambar, menggunakan repeat grid dan bagaimana menghubungkan artboards bersama-sama untuk pembuatan prototipe. Jika Anda adalah pengguna Creative Cloud, banyak elemen yang terasa familiar.
Fitur – Fitur Adobe XD
1. UX Kits
Adobe XD dilengkapi dengan UX Kits sehingga mudah bagi Anda untuk dengan cepat membuat aplikasi asli untuk platform Apple iOS, Windows, dan Google. Untuk mengakses kit ini, cukup pilih File> Buka Kit UI.
Kit ini memberi Anda akses ke elemen UI standar yang ditemukan di setiap platform. Ini akan memungkinkan Anda memvisualisasikan tampilan aplikasi Anda di lingkungan asalnya. Anda juga dapat menggunakan beberapa elemen UI standar ini untuk menghemat waktu saat membuat prototipe desain Anda.
2. Repeat Grid
Fitur yang benar-benar hebat ini ditemukan dalam Adobe XD adalah Repeat Grid. Buat satu atau lebih objek satu kali, lalu pilih objek dan aktifkan repeat grid. Sekarang Anda dapat mengulangi objek yang ada pada sumbu x dan sumbu y. Anda bahkan dapat menyesuaikan jarak antara objek dan menyesuaikan tampilan objek sebagai kelompok atau secara individual.
3. Symbols
Simbol dalam Adobe XD bekerja dengan cara yang sangat mirip dengan aplikasi lain seperti Illustrator atau Axure. Jika Anda memiliki objek yang ingin Anda gunakan di beberapa artboards, yang tidak biasa, Anda bisa menjadikan objek simbol. Setiap perubahan pada objek akan tercermin di tempat lain yang digunakan dalam desain. Misalnya, jika Anda perlu mengubah warna pada objek, buat saja perubahan satu kali, dan selesai. Semua contoh akan diperbarui sepanjang desain.
4. Creative Cloud Libraries
Sebagai pengguna Creative Cloud, Anda mungkin sudah membagikan aset Anda seperti warna, gaya karakter, gambar, dan elemen lainnya di semua aplikasi kreatif Adobe Anda. Pada bulan Agustus 2017, Adobe menambahkan kemampuan Adobe XD untuk dapat mengakses aset tersebut. Ini bisa menghemat waktu jika Anda menggunakan produk seperti Adobe Photoshop atau Illustrator untuk membuat aset untuk proyek Adobe XD Anda.
5. Prototype
Setelah Anda selesai mendesain semua artboards Anda, Anda mungkin ingin melihat bagaimana aplikasi Anda akan berfungsi. Klik tab Prototipe di sudut kiri atas dan Anda dapat mulai membuat tautan antar artboards, yang akan mewakili layar di aplikasi. Ini adalah solusi yang sangat sederhana, namun sangat berharga dan kuat untuk melihat aplikasi Anda menjadi hidup.
6. Preview
Saat Anda menautkan objek ke artboards lain, Anda dapat memilih transisi, baik kemudahan masuk atau keluar. Kemudian, setelah Anda menautkan semuanya, Anda dapat mengklik tombol Play di kanan atas untuk melihat pratinjau aplikasi. Atau, Anda dapat mengunduh aplikasi XD untuk iPhone / Android dan melihat pratinjau pekerjaan Anda di perangkat Anda yang sebenarnya secara real-time; baik dengan USB atau melalui Creative Cloud. Terakhir, Anda dapat dengan mudah membagikan prototipe dengan membuat tautan langsung dari aplikasi. Setelah Anda melakukannya, kolega dan pemangku kepentingan lainnya akan dapat menambahkan komentar.
7. Export Assets
Jika Anda merancang aplikasi asli, kemungkinan besar Anda perlu mengekspor aset Anda untuk diserahkan ke pengembang. Selama Anda menggunakan objek vektor, Anda dapat mendesain dalam 1: 1 dan alat akan secara otomatis menyediakan versi @ 2x dan @ 3x untuk Anda yang dibutuhkan oleh iOS dan aset yang diperlukan untuk Android, tergantung pada opsi ekspor Anda.